<template>
  <div>
    <div class="maincss">
      <el-row>
        <el-card  >
          <searchBox :title='title' :btn='btn' @func='showBtn' />
          <el-card class="gray-card no-border no-margin-top" shadow="never">
            <el-table
              v-loading="loading"
              :data="checkList"
              style="width: 100%;"
            >
              <el-table-column label="标题" align="left" prop="checkNo" :show-overflow-tooltip="true" />
              <el-table-column label="创建人" align="left" prop="type" :show-overflow-tooltip="true" />
              <el-table-column label="生成时间" align="left" prop="content" />
              <el-table-column label="操作" align="left" class-name="small-padding fixed-width">
                <template slot-scope="scope">
                  <el-button
                    size="mini"
                    type="text"
                    @click="handleForceLogout(scope.row)"
                  >详情</el-button>
                  <el-button
                    size="mini"
                    type="text"
                    @click="handleForceLogout(scope.row)"
                  >下载</el-button>
                  <el-button
                    size="mini"
                    type="text"
                    @click="handleForceLogout(scope.row)"
                  >删除</el-button>
                </template>
              </el-table-column>
            </el-table>
          </el-card>
          <pagination v-show="total>0" :total="total" :page.sync="pageNum" :limit.sync="pageSize" />

        </el-card>
      </el-row>
    </div>
  </div>
</template>

<script>


export default {
  name: "form-board",
  components:{

  },
  props: {
  },
  data() {
    return {
      btn:{
        add:false,
        reg:false,
        down:false,
        export:false,
        imp:false
      },
      addShow:false,
      checkList: [],
      loading: false,
      redirect: undefined,
      activeName: '1',
      deviceInfo:{},
      type: [],
      value: '',
      total: 5,
      pageNum: 1,
      pageSize: 20,
      isVisibleAdd: false,
      editId: '',
      title: '历史质控统计报告'
    };
  },
  watch: {

  },
  created() {
    this.handleLoadAndQuery()
    this.title = this.$route.query.title
  },
  methods: {
    showBtn(data){
      if(data=='add'){
      }
    },
    handleLoadAndQuery(){
      this.checkList = []
      let check ={
        checkNo:'MB0001',
        type:'检验消息',
        content:'检验消息-新增血红蛋白检验',
        createName:'系统管理员',
        createTime:'2021/02/01 12:00'
      }
      for(let i=0;i<5;i++){
        this.checkList.push(check)
      }
    },
  }
};
</script>
